<template>
  <div class="mian">
    <div class="navs">
      <Breadcrumbs class="mbx"></Breadcrumbs>
      <div class="navs_title container">
        <div class="nav_title_t">
          {{ (infoData && infoData["nr"]) || "" }}
        </div>
        <div class="info_nav">
          <span style="margin-right: 5%"
            ><i class="el-icon-date"></i>
            {{ (infoData && infoData["fbrq"]) || "" }}</span
          >
          <span
            ><i class="el-icon-view"></i>
            {{ (infoData && infoData["lll"]) || 0 }}</span
          >
        </div>
      </div>
    </div>
    <div class="content container">
      <div v-html="infoData && infoData['nr']" style="padding: 41px"></div>
    </div>
    <div style="height: 71px"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      infoData: null,
    };
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      if(!!this.$route.query['docId']){
        this.$api.docInfoAPI({ docId:this.$route.query.docId}).then(item=>{
          this.infoData = item.data;
        })
        return
      }
      this.$api
        .noticeInfoAPI({ noticeId: this.$route.query.noticeId })
        .then((item) => {
          this.infoData = item.data;
        });
    },
  },
};
</script>
<style scoped>
.mian {
  background-color: #f1f4f6;
}
.navs {
  background-image: url("@/static/img/info_bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 332px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

::v-deep .bread {
  background: none !important;
  color: #b4bfd9 !important;
}
.navs_title {
  height: 189px;
  background: #f1f4f6;
}
.navs_title .nav_title_t {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  color: #000000;
  line-height: 40px;
  margin-top: 44px;
  padding: 0px 201px;
}
.info_nav {
  text-align: center;
  color: #8e8e8e;
  margin-top: 15px;
}
.content {
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN-ExtraLight;
  font-weight: normal;
  text-align: left;
  color: #4d4d4d;
  background: #ffffff;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.04);
}
</style>